.member-info {
	p {
		margin-bottom: 0;
	}
	
	.part-title{
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		padding: 5px 0;
		border-bottom: 1px solid #efefef;
		margin-bottom: 10px;		
		h1{
			font-size: 20px;
		}
		.handle{
			color: #24B2F7;
			cursor: pointer;
			i{
				margin-left: 5px;
				font-size: 13px;
			}
		}
	}
	.member-info-list {
		width: 100%;
		overflow: hidden;
		border: 1px solid #efefef; 

		.img {
			width: 18%; // 180px
			float: left;

			img {
				width: 80px;
				height: 80px;
				display: block;
				margin: 10px auto 10px;
				border-radius: 50%;
			}

			p {
				text-align: center;
				line-height: 34px;
			}

			.nickname {
				display: inline-block;
				background: #20A0FF;
				border-radius: 10px;
				color: #fff;
			}
		}

		.info-list {
			float: left;
			width: 41%;
			font-size: 13px;

			.list {
				width: 100%;
				overflow: hidden;
				line-height: 44px;
				border-bottom: 1px solid #efefef; 
				border-left: 1px solid #efefef; 

				&:last-child {
					border-bottom: none;
				}

				.name {
					width: 36%;
					float: left;
					padding: 0 10px;
					text-align: right;
					border-right: 1px solid #efefef; 
				}

				.val { 
					float: left;
					// width: 180;
					width: 64%;
					padding-left: 10px;
					
					a {
						color: blue;
					}
				}
			}
		}
	}
	.category-row {
		margin-top: 15px;
		display: flex;
		align-items: center;
		justify-content: space-around;
		.category-item{
			width: 220px;
		}
		.icon-box {
			display: block;
			float: left;
			width: 36%;
			height: 89px;
			line-height: 89px;
			text-align: center;
			i{
				font-size: 	40px;
				color: #fff;
			}
		}
		.green-bg{
			background: #56BA55;
		}
		.green-item{
			border: 1px solid #56BA55;
			border-radius: 3px;
		}
		.blue-bg{
			background: #24B2F7;
		}
		.blue-item{
			border: 1px solid #24B2F7;
			border-radius: 3px;
		}
		.orange-bg{
			background: #F77B00;
		}
		.orange-item{
			border: 1px solid #F77B00;
			border-radius: 3px;
		}
		.red-bg{
			background: #E93022;
		}
		.red-item{
			border: 1px solid #E93022;
			border-radius: 3px;
		}
		.img-text {
			float: right;
			width: 60%;
			height: 89px;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
			p {
				font-size: 14px;
			}
			.num {
				font-size: 20px;

				a {
					font-size: 14px;
					color:  #20A0FF;
				}
			}
		}
	}

}

.order-table {

	.order-table-thead {
		background: #f2f2f2;
		border-bottom: 20px solid #fff;

		th { 
			border: none;
			border-bottom: 1px solid #ddd;
		}
	}

	.address {
		white-space: normal;

		span {
			padding-left: 0;
		}
	}

	.thead-p {
		overflow: hidden;
		margin-bottom: 0;

		span {
			float: right;
			padding-right: 10px;
		}
	}

	.full-tr {
		background: rgba(234, 248, 255, 1);

		input[type="checkbox"] {
			width: 18px;
			height: 18px;
		}

		span {
			margin-right: 25px;
		}
	}
}


.order-step {
	width: 100%;
	padding-left: 20px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	margin: 20px 5px 15px;

	span { 
		display: inline-block;
		position: relative;
		vertical-align: top;

	}

	.line {
		height: 2px; 
		width: 200px;
		background: #ddd;
		top: 19px;

		&.active {
			background: #3399FF;
		}
	}

	.color-blue {
		color: #3399FF!important;
		pointer: default;
	}

	.step {
		width: 30px;
		height: 30px;
		border: 1px solid #3399FF;
		border-radius: 50%;
		top: 5px;
		color: #999;
		line-height: 30px;
		text-align: center;

		&.done {
			background: url('../img/done.png') no-repeat center;
			background-size: 80%;
		}

		&.active {
			background: #3399FF;
			color: #fff;
		}
	}
}

.hide{
	display: none !important;
}

.order-step-time {
	span {
		display: inline-block;
		width: 260px;
	}
}